<!DOCTYPE html>  
<html>
<head>  
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Hello, World</title>

<style type="text/css">  
    html{height:100%;}  
    body{height:100%;margin:0px;padding:0px;}  
    #container{height:100%;}  
</style>

<script src="https://api.map.baidu.com/api?v=2.0&ak=AVmS2wD2ZgzGaU6euB2fwlr9ym3GyWnT"></script>
<!-- 这个版本，下面的 BMapGL 全部换成 BMap -->

<!-- <script src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=AVmS2wD2ZgzGaU6euB2fwlr9ym3GyWnT"></script> -->
<!-- 这个版本，下面的 BMap 全部换成 BMapGL -->
</head>  
 
<body>

<div id="container"></div>

<script type="text/javascript"> 
    var map = new BMap.Map("container");
    var point = new BMap.Point(113.394935,23.127002);
    map.centerAndZoom(point, 15);


    // 创建点标记
    var marker = new BMap.Marker(point);
    map.addOverlay(marker);

    // 创建信息窗口
    var opts = {
        width: 200,
        height: 100,
        title: '黄洲工业区'
    };
    var infoWindow = new BMap.InfoWindow('地址：广东省广州市天河区瑞华路1号。<br>电话：(020)66311880', opts);

    // 点标记添加点击事件
    marker.addEventListener('click', function () {
        map.openInfoWindow(infoWindow, point); // 开启信息窗口
    });

</script>

</body>  
</html>

<!-- https://lbs.baidu.com/jsdemo.htm#eMarkerAddEvent -->
<!-- http://api.map.baidu.com/lbsapi/creatmap/ -->